<div class="modern-card">
    <div class="modern-card-header">
        <div class="modern-card-location">北京市</div>
        <div class="modern-card-date">星期五, 2月 27日</div>
    </div>
    <div class="modern-card-content">
        <div class="modern-card-temp">23<span>°C</span></div>
        <img src="../images/weather-icons/sunny.svg" alt="晴天" class="modern-card-icon">
    </div>
    <div class="modern-card-description">晴天</div>
    <div class="modern-card-details">
        <div class="modern-card-details-item">
            <div class="modern-card-details-label">湿度</div>
            <div class="modern-card-details-value">45%</div>
        </div>
        <div class="modern-card-details-item">
            <div class="modern-card-details-label">风速</div>
            <div class="modern-card-details-value">5 km/h</div>
        </div>
        <div class="modern-card-details-item">
            <div class="modern-card-details-label">气压</div>
            <div class="modern-card-details-value">1023 hPa</div>
        </div>
    </div>
</div>
